<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="./common.css" />
    <link rel="stylesheet" type="text/css" href="./tips.css" />
    <link rel="stylesheet" type="text/css" href="./index.css" />
    <link rel="stylesheet" href="./swiper/css/swiper.min.css">
  </head>
  <body>
    <div class="page flex-col">
      <!-- header -->
      <div class="header-container">
        <!-- 顶部导航栏 -->
        <div class="section_2 flex-row">
          <div class="header-nav">
            <div class="header-nav-left">
              <div class="nav-item">
                <img src="./img/nav3.png" alt="">
                <span class="text_1">学校主页</span>
              </div>
              <div class="nav-item">
                <img src="./img/nav4.png" alt="">
                <span class="text_2">院系介绍</span>
              </div>
            </div>
            <div class="header-nav-right">
              <div class="top-nav-item  flex-row">
                 <img src="./img/nav1.png">
                <span class="top-nav-item-txt">单位注册</span>
              </div>
              <div class="top-nav-item  flex-row">
                <img src="./img/nav1.png">
                <span class="top-nav-item-txt">单位登录</span>
              </div>
               <div class="top-nav-item  flex-row">
                <img src="./img/nav2.png">
                <span class="top-nav-item-txt">校内师生登录</span>
              </div>
               <div class="top-nav-item  flex-row">
                <img src="./img/nav2.png">
                <span class="top-nav-item-txt">校友登录</span>
              </div>
            </div>
          </div>
        </div>

        <!-- 主导航栏 -->
        <div class="section_10 flex-row">
          <div class="menu">
            <div class="menu-left">
              <img class="image_1" src="./img/logo.png" />
              <div class="block_1 flex-col"></div>
              <span class="text_7">学生职业发展中心</span>
            </div>
            <div class="menu-right">
              <div class="sub-nav-item active" id="nav-home">
                <span class="nav-text">首页</span>
                <span class="nav-text-en">HOME</span>
              </div>
              <div class="sub-nav-item" id="nav-student">
                <span class="nav-text">学生服务</span>
                  <span class="nav-text-en">STUDENT</span>
              </div>
              <div class="sub-nav-item" id="nav-company">
                <span class="nav-text">单位服务</span>
                  <span class="nav-text-en">EMPLOYER</span>
              </div>
              <div class="sub-nav-item" id="nav-teacher">
                <span class="nav-text">教师服务</span>
                  <span class="nav-text-en">TEAcher</span>
              </div>
              <div class="sub-nav-item" id="nav-about">
                <span class="nav-text">关于我们</span>
                  <span class="nav-text-en">Home</span>
              </div>
              <div class="block_2 flex-col"></div>
            </div>
          </div>
        </div>

        <!-- 下拉菜单 -->
        <div class="dowpdown-wrapper flex-col">
          <div class="dowpdown-item flex-col">
            <div class="block_3 flex-col dropdown-menu" id="student-dropdown" style="display: none;">
              <span class="text_13">求职招聘</span>
              <div class="suspend-menu">
                <span class="text_14">招聘公告</span>
                <span class="text_14">宣讲会</span>
                <span class="text_14">招聘会</span>
                <span class="text_14">毕业生事务</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">毕业生事务</span>
              <div class="suspend-menu">
                <span class="text_14">生源核对</span>
                <span class="text_14">推荐表登记</span>
                <span class="text_14">毕业去向登记</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">生活指导</span>
              <div class="suspend-menu">
                <span class="text_14">AI简历</span>
                <span class="text_14">AI面试</span>
                <span class="text_14">在线测评</span>
                <span class="text_14">智学平台</span>
                <span class="text_14">学职平台</span>
                <span class="text_14">创业指导</span>
              </div>
            </div>
            <!-- 单位服务下拉菜单 -->
            <div class="block_3 flex-col dropdown-menu" id="company-dropdown" style="display: none;">
              <span class="text_13">单位服务</span>
              <div class="suspend-menu">
                <span class="text_14">招聘公告</span>
                <span class="text_14">宣讲会</span>
                <span class="text_14">招聘会</span>
                <span class="text_14">毕业生事务</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">毕业生事务</span>
              <div class="suspend-menu">
                <span class="text_14">生源核对</span>
                <span class="text_14">推荐表登记</span>
                <span class="text_14">毕业去向登记</span>
              </div>
              <div class="group_5 flex-col"></div>
            </div>
            <!-- 教师服务下拉菜单 -->
            <div class="block_3 flex-col dropdown-menu" id="teacher-dropdown" style="display: none;">
              <span class="text_13">教师服务</span>
              <div class="suspend-menu">
                <span class="text_14">教师招聘</span>
                <span class="text_14">教师介绍</span>
                <span class="text_14">教师评价</span>
                <span class="text_14">教师管理</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">毕业生事务</span>
              <div class="suspend-menu">
                <span class="text_14">生源核对</span>
                <span class="text_14">推荐表登记</span>
                <span class="text_14">毕业去向登记</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">生活指导</span>
              <div class="suspend-menu">
                <span class="text_14">AI简历</span>
                <span class="text_14">AI面试</span>
                <span class="text_14">在线测评</span>
                <span class="text_14">智学平台</span>
                <span class="text_14">学职平台</span>
                <span class="text_14">创业指导</span>
              </div>
            </div>
            <!-- 校友服务下拉菜单 -->
            <div class="block_3 flex-col dropdown-menu" id="alumni-dropdown" style="display: none;">
              <span class="text_13">校友服务</span>
             <div class="suspend-menu">
                <span class="text_14">校友招聘</span>
                <span class="text_14">校友介绍</span>
                <span class="text_14">校友评价</span>
                <span class="text_14">校友管理</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">毕业生事务</span>
              <div class="suspend-menu">
                <span class="text_14">生源核对</span>
                <span class="text_14">推荐表登记</span>
                <span class="text_14">毕业去向登记</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">生活指导</span>
              <div class="suspend-menu">
                <span class="text_14">AI简历</span>
                <span class="text_14">AI面试</span>
                <span class="text_14">在线测评</span>
                <span class="text_14">智学平台</span>
                <span class="text_14">学职平台</span>
                <span class="text_14">创业指导</span>
              </div>
            </div>
            <!-- 关于我们下拉菜单 -->
            <div class="block_3 flex-col dropdown-menu" id="about-dropdown" style="display: none;">
              <span class="text_13">关于我们</span>
             <div class="suspend-menu">
                <span class="text_14">教师招聘</span>
                <span class="text_14">教师介绍</span>
                <span class="text_14">教师评价</span>
                <span class="text_14">教师管理</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">毕业生事务</span>
              <div class="suspend-menu">
                <span class="text_14">生源核对</span>
                <span class="text_14">推荐表登记</span>
                <span class="text_14">毕业去向登记</span>
              </div>
              <div class="group_5 flex-col"></div>
              <span class="text_13">生活指导</span>
              <div class="suspend-menu">
                <span class="text_14">AI简历</span>
                <span class="text_14">AI面试</span>
                <span class="text_14">在线测评</span>
                <span class="text_14">智学平台</span>
                <span class="text_14">学职平台</span>
                <span class="text_14">创业指导</span>
              </div>
            </div>
          </div>
           <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image: url('./img/banner.png');"></div>
      <div class="swiper-slide" style="background-image: url('./img/banner.png');"></div>
      <div class="swiper-slide" style="background-image: url('./img/banner.png');"></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>
        </div>
      </div>

      <!-- 主要内容区域 -->
      <div class="main-content">
        <div class="box_1 flex-row">
          <div class="section_1 flex-col">
            <div class="section_12 flex-col justify-center">
              <div class="box_10 flex-col">
                <div class="robat">
                  <img src="./img/robat.png" alt="">
                </div>
                <div class="box_11 flex-col">
                  <!-- 导航栏区域 -->
                  <div class="nav-wrapper flex-row justify-between">
                    <!-- 招聘公告导航栏 -->
                    <div class="section_36 flex-row">
                      <div class="box_40 flex-col">
                        <img src="./img/icon1.png">
                      </div>
                      <span class="sub-nav-title zph active">招聘公告</span>
                      <span class="sub-nav-title zph">宣讲会</span>
                      <span class="sub-nav-title zph">招聘会</span>
                      <span class="text-more">
                        查看更多
                         <img
                        class="icon-more-img"
                        src="./img/icon-more.png"
                      />

                      </span>
                     
                    </div>
                    <!-- 活动日历导航栏 -->
                    <div class="section_37 flex-row">
                      <div class="block_18 flex-col">
                        <img src="./img/icon2.png" alt="">
                      </div>
                      <span class="sub-nav-title-day">活动日历</span>
                    <span class="text-more">
                        查看更多
                         <img
                        class="icon-more-img"
                        src="./img/icon-more.png"
                      />
                    </div>
                  </div>

                  <!-- 导航栏下方的内容区域 -->
                  <div class="content-wrapper flex-row justify-between">
                    <!-- 招聘公告内容 -->
                  <div class="zph-content-item flex-col">
                    <div class="box_12 flex-row justify-between">
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                    </div>
                   <div class="box_12 flex-row justify-between">
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="box_12 flex-row justify-between">
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="box_12 flex-row justify-between">
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                      <div class="box_13 flex-row">
                        <div class="group_8 flex-row">
                          <div class="text-group_2 flex-row">
                            <span class="text_29">02</span>
                            <span class="text_30">2024.07</span>
                          </div>
                        </div>
                        <div class="group_9 flex-col justify-between">
                          <span class="sub-content-title">
                            2025中山康方生物医药有限公司招聘
                          </span>
                          <div class="group_10 flex-row">
                            <span class="text_32">中山康方生物医药有限公司</span>
                            <span class="separator"> / </span>
                            <span class="text_33">国有企业</span>
                            <span class="separator"> / </span>
                            <span class="text_34">10个职位</span>
                          </div>
                        </div>
                      </div>
                    </div>
                
                  </div>

                  <!-- 宣讲会内容 -->
                  <div class="zph-content-item lex-col"style="display: none;">
                    <div class="box_12 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="box_12 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="box_12 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="box_12 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海米哈游网络科技股份有限公司</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- 招聘会内容 -->
                  <div class="zph-content-item flex-col" style="display: none;">
                    <div class="box_19 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  <div class="box_19 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="box_19 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="box_19 flex-row justify-between">
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                      <div class="presentation-card flex-row">
                        <div class="presentation-time-block flex-col justify-center">
                          <span class="presentation-time">11:00</span>
                          <div class="presentation-date">2025.07.11</div>
                        </div>
                        <div class="presentation-details flex-col justify-between">
                          <span class="presentation-company">上海交大.华东师范大学2025届毕业毕业生...</span>
                          <div class="presentation-location flex-row">
                            <img
                              class="location-icon"
                              referrerpolicy="no-referrer"
                              src="./img/FigmaDDSSlicePNG83762d4835a626986fd1d2eb9c56cd03.png"
                            />
                            <span class="location-text">华东师范大学学生活动中心2025</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="data-wrapper flex-col" id="calendar-container">
                    <div class="section_19 flex-row">
                      <div class="calendar-prev-btn" style="cursor: pointer; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M15 18L9 12L15 6" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                      </div>
                      <span class="text_75" id="calendar-month-year">2025年7月</span>
                      <div class="calendar-next-btn" style="cursor: pointer; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <path d="M9 18L15 12L9 6" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                      </div>
                    </div>
                    <div class="text-wrapper_5 flex-row justify-between">
                      <span class="text_76">周日</span>
                      <span class="text_76">周一</span>
                      <span class="text_76">周二</span>
                      <span class="text_76">周三</span>
                      <span class="text_76">周四</span>
                      <span class="text_76">周五</span>
                      <span class="text_76">周六</span>
                    </div>
                    <div id="calendar-grid">
                      <!-- 日历网格将由JavaScript动态生成 -->
                    </div>
                    <div class="section_24 flex-col"></div>
                  </div>
                </div>
              </div>
            </div>
          <!-- 主内容区域：左右分栏布局 -->
          <div class="section_31 flex-row justify-between">
            <!-- 左侧面板：通知公告 -->
            <div class="left-panel-container">
              <div class="block_151 flex-row">
                <div class="box_37 flex-col">
                  <img src="./img/icon3.png">
                </div>
                <span class="sub-nav-title active">通知公告</span>
                <span class="text-more">
                        查看更多
                         <img
                        class="icon-more-img"
                        src="./img/icon-more2.png"
                      />
              </div>
              <!-- 通知公告内容 -->
              <div class="notice-content-list">
                <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                      <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
              </div>
            </div>

            <!-- 右侧面板：策生涯/生涯活动 -->
            <div class="right-panel-container">
              <div class="block_152 flex-row">
                <div class="group_44 flex-col justify-center align-center">
                  <img src="./img/icon4.png" alt="">
                </div>
                  <span class="sub-nav-title csy active">策生涯</span>
                <span class="sub-nav-title csy">生涯活动</span>
                <span class="text-more">
                        查看更多
                         <img
                        class="icon-more-img"
                        src="./img/icon-more2.png"
                      />
              </div>

              <!-- 策生涯内容（默认显示） -->
              <div class="cys-content-item">
                <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                  <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      上海市嘉定区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
              </div>

              <!-- 生涯活动内容（隐藏状态） -->
              <div class="cys-content-item"   style="display: none;">
                <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      北京市海淀区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      北京市海淀区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      北京市海淀区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      北京市海淀区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
                <div class="notice-item-row flex-row">
                  <div class="notice-item-left flex-col justify-between">
                    <div style="background-color: lightpink;">
                    </div>
                  </div>
                  <div class="notice-item-right flex-col justify-between">
                    <span class="notice-title">
                      北京市海淀区金鹤学校2025学年编外教师招聘公告
                    </span>
                      <span class="notice-content">
                      这里是摘要内容占位文字，这里是摘要内容占位文字，
                    </span>
                    <span class="notice-time">
                     <span>
                        <img src="./img/time-icon.png" alt="">
                      </span>
                      <span>2025/07/02</span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>

                </div> <!-- 关闭 content-wrapper -->
              </div>
            </div>
              </div>
          </div>
           <!-- 底部链接区域 -->
            <div class="box_45">
              <h1>友情<span>链接</span></h1>
              <div class="box_45-img-wrapper">
                <img src="./img/t1.png" alt="">
                <img src="./img/t2.png" alt="">
                <img src="./img/t3.png" alt="">
                <img src="./img/t4.png" alt="">
                <img src="./img/t5.png" alt="">
              </div>
           
            </div>
            <!-- 底部导航栏 -->
     <div class="footer-container">
       
        <div class="section_38 flex-col">
            <div class="box_43 flex-col">
                <div class="box_44 flex-row">
                    <!-- 版权信息 -->
                    <span class="paragraph_4">
                        <span>
                          普陀校区地址：大学生中心308室&nbsp;&nbsp;&nbsp;电话：021-62232272
                        <br />
                        闵行校区地址：学生之家B202室&nbsp;&nbsp;&nbsp;电话：021-54372016
                        <br />
                        邮箱：career&#64;career.ecnu.edu.cn
                        <br />
                        Copyright&nbsp;&#64;&nbsp;2024&nbsp;华东师范大学v2024.1.0
                        </span>
                    </span>
                    <span class="er-code">
                      <img src="./img/erwema.png" alt="">
                    </span>
                </div>
            </div>
        </div>
    </div>
        </div>
       
      </div>

      
      </div>
    </div>

<script src="jquery.js"></script>
<script src="tips.js"></script>
<script src="./swiper/js/swiper.min.js"></script>
<script>
  // 轮播图
    var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
        clickable: true, // 启用分页器点击功能
        },
        loop: true, // 启用循环模式
        autoplay: {
          delay: 3000,
        },
    });
</script>
    <script>
       // 封装下拉菜单通用逻辑
        function initDropdown(navId, dropdownId) {
          const navItem = document.getElementById(navId);
          const dropdown = document.getElementById(dropdownId);
          console.log("navItem", document.getElementById(navId))
          let navLeft = document.getElementById(navId).offsetLeft - 200
          dropdown.style.left = navLeft + "px"
          console.log("dropdown",dropdown)
          // 隐藏下拉菜单
          if (dropdown) {
            dropdown.style.display = 'none';
            dropdown.style.pointerEvents = 'none';
          }

          // 添加事件监听
          if (navItem && dropdown) {
            // 导航项鼠标进入
            navItem.addEventListener('mouseenter', () => {
              dropdown.style.display = 'flex';
              dropdown.style.pointerEvents = 'auto';
              // if(dropdownId == 'student-dropdown'){
              //     $(".sub-nav-item").removeClass("active")
              //    $(".sub-nav-item").eq(1).addClass("active")
              // }
            });

            // 导航项鼠标离开
            navItem.addEventListener('mouseleave', () => {
              setTimeout(() => {
                if (!dropdown.matches(':hover')) {
                  dropdown.style.display = 'none';
                  dropdown.style.pointerEvents = 'none';
                }
              }, 100);
            });

            // 下拉菜单鼠标进入
            dropdown.addEventListener('mouseenter', function() {
              this.style.display = 'flex';
              this.style.pointerEvents = 'auto';
            });

            // 下拉菜单鼠标离开
            dropdown.addEventListener('mouseleave', function() {
              this.style.display = 'none';
              this.style.pointerEvents = 'none';
            });
          }
        }

       
      // 使用原生JavaScript实现导航功能
      document.addEventListener('DOMContentLoaded', function () {
        //--学生服务
        initDropdown('nav-student', 'student-dropdown');
        initDropdown('nav-company', 'company-dropdown');
        // initDropdown('nav-alumni', 'alumni-dropdown');
        initDropdown('nav-teacher', 'teacher-dropdown');
        initDropdown('nav-about', 'about-dropdown');
       
        // 导航菜单悬停效果（下划线）
        const navItems = document.querySelectorAll('.nav-item');
        navItems.forEach(function (item) {
          item.addEventListener('mouseenter', function () {
            if (!this.classList.contains('active')) {
              this.classList.add('hover');
            }
          });

          item.addEventListener('mouseleave', function () {
            if (!this.classList.contains('active')) {
              this.classList.remove('hover');
            }
          });
        });
      });
    
      // 招聘公告/宣讲会/招聘会 标签切换功能
     $(".sub-nav-title").mouseenter(function(){
        $(this).addClass('active');
        $(this).siblings().removeClass('active');
        console.log( $(this).hasClass('csy'))
         $(".sub-nav-content").eq($(this).index()).show().siblings().hide();
        if( $(this).hasClass('csy')){
          //策生涯
          $(".cys-content-item").hide()
          $(".cys-content-item").eq($(this).index()-1).show()
        }else if( $(this).hasClass('zph')){
        $(".zph-content-item").hide()
        $(".zph-content-item").eq($(this).index()-1).show()
        }
   
     })
    </script>




 <script>
  // mockJosn
   // 获取当前日期并格式化为YYYY-MM-DD
   const todayNow = new Date();
   const currentDateNow = `${todayNow.getFullYear()}-${String(todayNow.getMonth() + 1).padStart(2, '0')}-${String(todayNow.getDate()).padStart(2, '0')}`;

   var schedulesMap = {
      [currentDateNow]: [
        { "title": "今日事件", "url": "#" }
      ],
      "2025-07-17": [
        { "title": "项目讨论上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目", "url": "#" },
        { "title": "项目讨论上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目", "url": "#" },
        { "title": "项目讨论上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目", "url": "#" }
      ],
      "2025-07-18": [
        { "title": "需求评审", "url": "#" }
      ],
      "2025-07-19": [
        { 
          "mark":"宣",
          "time":"12:00",
          "title": "版本上线上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目",
          "url": ""
        }
      ],
      "2025-07-22": [
        { "title": "客户拜访上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目", "url": "#" }
      ],
      "2025-07-23": [
        { "title": "团队会议上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目", "url": "#" }
      ],
      "2025-07-16": [
        { "title": "今天特别事件上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目上海财经大学春季2025年招聘会正式启动项目", "url": "#" }
      ]
    };
    // 动态日历功能
    const today = new Date();
    const currentDate = {
      year: today.getFullYear(),
      month: today.getMonth(), // 月份从0开始计数（0表示1月，11表示12月）
      date: today.getDate()
    };
    class DynamicCalendar {
      constructor() {
        this.currentDate = new Date();
        this.currentYear = this.currentDate.getFullYear();
        this.currentMonth = this.currentDate.getMonth();

        // 定义特殊日期（显示红色圆圈的日期）
        // 使用解析函数转换schedules为specialDates格式
        this.specialDates = this.parseSchedulesToSpecialDates(schedulesMap || {});
        console.log("specialDates",this.specialDates)
        this.monthNames = [
          '1月', '2月', '3月', '4月', '5月', '6月',
          '7月', '8月', '9月', '10月', '11月', '12月'
        ];

        this.init();
      }

      parseSchedulesToSpecialDates(schedulesMap) {
        let specialDates = [];
        for(let i in schedulesMap){
          const [year, month, date] = i.split('-').map(Number);  
          specialDates.push({
            year,
            month,
            date,
          });
        }
        return specialDates;
      }

      init() {
        this.renderCalendar();
        this.bindEvents();
      }

      bindEvents() {
        const prevBtn = document.querySelector('.calendar-prev-btn');
        const nextBtn = document.querySelector('.calendar-next-btn');

        if (prevBtn) {
          prevBtn.addEventListener('click', () => {
            this.previousMonth();
          });
        }

        if (nextBtn) {
          nextBtn.addEventListener('click', () => {
            this.nextMonth();
          });
        }
      }

      previousMonth() {
        this.currentMonth--;
        if (this.currentMonth < 0) {
          this.currentMonth = 11;
          this.currentYear--;
        }
        this.renderCalendar();
      }

      nextMonth() {
        this.currentMonth++;
        if (this.currentMonth > 11) {
          this.currentMonth = 0;
          this.currentYear++;
        }
        this.renderCalendar();
      }

      isSpecialDate(year, month, date) {
        return this.specialDates.some(special =>
          special.year === year &&
          special.month-1 === month &&
          special.date === date
        );
      }

      renderCalendar() {
        // 更新月份年份显示
        const monthYearElement = document.getElementById('calendar-month-year');
        if (monthYearElement) {
          monthYearElement.textContent = `${this.currentYear}年${this.monthNames[this.currentMonth]}`;
        }

        // 获取当月第一天和最后一天
        const firstDay = new Date(this.currentYear, this.currentMonth, 1);
        const lastDay = new Date(this.currentYear, this.currentMonth + 1, 0);
        const firstDayOfWeek = firstDay.getDay(); // 0 = 周日
        const daysInMonth = lastDay.getDate();

        // 获取上个月的最后几天
        const prevMonth = new Date(this.currentYear, this.currentMonth, 0);
        const daysInPrevMonth = prevMonth.getDate();

        // 生成日历网格
        const calendarGrid = document.getElementById('calendar-grid');
        if (!calendarGrid) return;

        calendarGrid.innerHTML = '';

        let dayCount = 1;
        let nextMonthDayCount = 1;

        // 计算需要多少行（根据实际需要，但限制在合理范围内）
        const totalCells = firstDayOfWeek + daysInMonth;
        const weeksNeeded = Math.ceil(totalCells / 7);
        // 如果当月日期可以在5行内显示完，就不显示下个月的日期
        const maxWeeks = weeksNeeded <= 5 ? weeksNeeded : Math.min(weeksNeeded, 6);

        // 生成日历网格
        for (let week = 0; week < maxWeeks; week++) {
          const weekRow = document.createElement('div');
          // 使用不同的section类名来匹配原有样式
          const sectionClass = `section_${20 + Math.min(week, 3)}`;
          weekRow.className = `${sectionClass} flex-row justify-between`;

          // 生成一周的7天
          for (let day = 0; day < 7; day++) {
            const dayIndex = week * 7 + day;
            const dayWrapper = document.createElement('div');
            const daySpan = document.createElement('span');

            if (dayIndex < firstDayOfWeek) {
              // 上个月的日期（灰色显示）
              const prevMonthDate = daysInPrevMonth - firstDayOfWeek + dayIndex + 1;
              daySpan.textContent = prevMonthDate.toString().padStart(2, '0');
              dayWrapper.className = 'text-wrapper_6 flex-col';
              daySpan.className = 'text_83';
            } else if (dayCount <= daysInMonth) {
              // 当前月的日期
              daySpan.textContent = dayCount.toString().padStart(2, '0');

              // 检查是否是特殊日期（红色圆圈）
              if (this.isSpecialDate(this.currentYear, this.currentMonth, dayCount)) {
                const linkList = schedulesMap[`${this.currentYear}-${(this.currentMonth<9)?'0'+(this.currentMonth+1):(this.currentMonth+1)}-${dayCount}`]
                console.log("linkList",linkList)
                dayWrapper.className = 'text-wrapper_8 flex-col';
                dayWrapper.onmouseover = function() {
                  let tooltipHtml = ''
                  linkList.forEach(item => {
                    let _html = '<div class="date-suspend-item">'
                    if(item.mark){
                      _html+=`<span class="mark">${item.mark}</span>`
                    }
                    if(item.time){
                      _html+=`<span class="time">${item.time}</span>`
                    }
                    if(item.title){
                      _html+=`<a class="txt" href="${item.url}">${item.title}</a>`
                    }
                    _html+='</div>'
                    tooltipHtml+=_html
                  })
                  tooltip.pop(this, tooltipHtml)
                }
                
                daySpan.className = 'text_85';
              } else {
                dayWrapper.className = 'text-wrapper_7 flex-col';
                daySpan.className = 'text_84';
              }

              dayCount++;
            } else {
              // 下个月的日期（灰色显示）- 只在必要时显示
              if (week < 5) { // 只在前5行显示下个月日期
                daySpan.textContent = nextMonthDayCount.toString().padStart(2, '0');
                dayWrapper.className = 'text-wrapper_6 flex-col';
                daySpan.className = 'text_83';
                nextMonthDayCount++;
              } else {
                // 空白单元格
                daySpan.textContent = '';
                dayWrapper.className = 'text-wrapper_6 flex-col';
                daySpan.className = 'text_83';
              }
            }

            dayWrapper.appendChild(daySpan);
            weekRow.appendChild(dayWrapper);
          }

          calendarGrid.appendChild(weekRow);
        }
        //  $('.text-wrapper_8').on('mouseenter', function(e) {

          
				// //显示提示
        // });
      }
    }

    
    // 页面加载完成后初始化日历和标签切换
    document.addEventListener('DOMContentLoaded', function() {
      new DynamicCalendar();
    });
  </script>
</body>